﻿<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" type="text/css" th:href="@{/static/h-ui/css/H-ui.min.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/h-ui.admin/css/H-ui.admin.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/lib/Hui-iconfont/1.0.8/iconfont.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/h-ui.admin/skin/default/skin.css}" id="skin"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/h-ui.admin/css/style.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/lib/laypage/1.2/skin/laypage.css}">
	<script type="text/javascript" th:src="@{/static/lib/jquery/1.9.1/jquery.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/lib/layer/2.4/layer.js}"></script>
	<script type="text/javascript" th:src="@{/static/h-ui/js/H-ui.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/h-ui.admin/js/H-ui.admin.js}"></script>
	<script type="text/javascript" th:src="@{/static/lib/My97DatePicker/4.8/WdatePicker.js}"></script>
	<script type="text/javascript" th:src="@{/static/lib/datatables/1.10.0/jquery.dataTables.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/js/laypage/laypage.js}"></script>
	<script th:src="@{/static/lib/vue.min.js}"></script>
	<![endif]-->
	<title>删除的用户</title>
</head>
<body>
<div class="page-container">
	<div class="mt-20">
		<table class="table table-border table-bordered table-hover table-bg table-sort">
			<thead>
			<tr class="text-c">
				<th width="80" th:text="历史订单数"></th>
				<th width="120" th:text="已支付历史订单数"></th>
				<th width="130" th:text="已支付订单总额"></th>
				<th width="130" th:text="教师的历史收益"></th>
				<th width="80" th:text="本月订单数"></th>
				<th width="120" th:text="本月已支付订单数"></th>
				<th width="90" th:text="近期应发工资"></th>
			</tr>
			</thead>
			<tbody>
			<tr class="text-c">
				<td th:text="${map.get('ordercount')}"></td>
				<td th:text="${map.get('ordercountbystate')}"></td>
				<td th:text="${map.get('ordertotal')}"></td>
				<td th:text="${map.get('ordertotal1')}"></td>
				<td th:text="${map.get('ordercountbytime')}"></td>
				<td th:text="${map.get('ordercountbytime1')}"></td>
				<td th:text="${map.get('ordertotalbytime1')}"></td>
			</tr>
			</tbody>
		</table>
		<input type="hidden" id="hidden" th:value="${teacherid}">
	</div>
	<div class="cl pd-5 bg-1 bk-gray mt-20"><span class="r">共有数据：<strong id="shuju"></strong> 条</span> </div><br/>
	<div class="text-c"> 日期范围：
		<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}' })" id="datemin" class="input-text Wdate" style="width:120px;">
		-
		<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d' })" id="datemax" class="input-text Wdate" style="width:120px;">
		<button type="submit" class="btn btn-success radius" id="seekbutton" name=""><i class="Hui-iconfont">&#xe665;</i> 搜</button>
	</div>
	<div class="mt-20" id="app">
		<table class="table table-border table-bordered table-hover table-bg table-sort">
			<thead>

			<tr>
				<th scope="col" colspan="4">教师个人信息表-财务篇-交易记录</th>
			</tr>



			<tr class="text-c">
				<th width="20" th:text="交易类型"></th>
				<th width="105" th:text="交易金额"></th>
				<th width="90" th:text="交易时间"></th>
				<th width="90" th:text="处理状态"></th>
			</tr>
			</thead>
			<tbody>
			<tr class="text-c" v-for="(item,index) in result">
				<td v-if="item.teacherBillStatus=='0'">提现</td>
				<td v-else>发工资</td>
				<td>{{item.teacherBillPrice}}</td>
				<td>{{item.teacherBillTime}}</td>
				<td v-if="item.teacherBillFlag===0">未处理</td>
				<td v-else>已处理</td>
			</tr>
			</tbody>
		</table><br/>
		<div id="pagenav" class="text-c"></div>
	</div>
</div>
<script type="text/javascript">

	var app = new Vue({
		el:'#app',
		data:{
			result:[]
		}
	});

	/**
	 * 姚家乐
	 * 2019-12-25 3:30
	 * 根据教师ID查看该教师的所有交易记录
	 */
	var getTeacherBillPageList = function (curr) {

		$.ajax({
			type:'POST',
			dataType:'JSON',
			url:'/adminBill/getTeacherBillByTeacherid0',
			data:{
				pageNum:curr||1,
				pageSize:1,
				datemin:$("#datemin").val(),
				datemax:$("#datemax").val(),
				teacherid:$("#hidden").val()
			},
			success:function (result) {
				app.result = result.page.list;
				$("#shuju").html(result.total);
				laypage({
					cont: 'pagenav',
					skin: '#008B8B',
					pages: result.pages,
					first: "首页",
					last: "尾页",
					curr: curr || 1,
					jump: function (obj, first) {
						if (!first) {
							getTeacherBillPageList(obj.curr);
						}
					}
				});
			}
		});
	}
	getTeacherBillPageList();
	//按照时间段进行模糊查询
	$("#seekbutton").click(function () {
		getTeacherBillPageList();
	});


</script> 
</body>
</html>